<template>
  <div>
    <el-select v-model="tableData.cloumn" placeholder="请选择字段" clearable :style="{width: '80px'}" >
        <el-option v-for="(item, index) in stepNumber.cloumns" :key="index" :label="item.title"
          :value="item.name" :disabled="item.disabled"></el-option>
    </el-select>
    <el-select v-model="tableData.cloumn" placeholder="请选择字段" clearable :style="{width: '80px'}" >
        <el-option v-for="(item, index) in stepNumber.cloumns" :key="index" :label="item.title"
          :value="item.name" :disabled="item.disabled"></el-option>
    </el-select>
    <el-select v-model="tableData.cloumn" placeholder="请选择字段" clearable :style="{width: '80px'}" >
        <el-option v-for="(item, index) in stepNumber.cloumns" :key="index" :label="item.title"
          :value="item.name" :disabled="item.disabled"></el-option>
    </el-select>
    <el-select v-model="tableData.cloumn" placeholder="请选择字段" clearable :style="{width: '80px'}" >
        <el-option v-for="(item, index) in stepNumber.cloumns" :key="index" :label="item.title"
          :value="item.name" :disabled="item.disabled"></el-option>
    </el-select>
  </div>
</template>
<script>
export default {
  data() {
    return {
      
    };
  },
  props: {
    data:Object,
    cloumns:Array,
    operators:Array,
    type:Array,
    param:Array
  },
  mounted() {
    
  },
  watch: {
    
  },
  methods: {
    
  }
};
</script>
<style scoped>
</style>
